html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <script src="https://cdn.jsdelivr.net/npm/echarts@5.4.3/dist/echarts.min.js"></script>
  <style>
    #chart { width: 100%; height: 100%; margin: 0; padding: 0; }
  </style>
</head>
<body>
  <!-- 图表容器 -->
  <div id="chart"></div>
  
  <script>
    // 初始化图表
    var chart = echarts.init(document.getElementById('chart'));
    
    // 配置项
    var option = {
      title: { text: '360°角度-重量图', left: 'center' },
      angleAxis: {
        type: 'value',
        startAngle: 0,       // 起始角度（0°在右侧）
        min: 0,              // 最小角度
        max: 360,            // 最大角度
        splitNumber: 8,      // 分割段数
        axisLabel: { formatter: '{value}°' }
      },
      radiusAxis: {
        min: 0,
        max: 100,            // 最大重量值
        axisLabel: { show: true }
      },
      polar: {},             // 极坐标系
      series: [{
        type: 'scatter',     // 散点图（也可用 'bar'）
        coordinateSystem: 'polar',
        data: [
          [30, 50],   // [角度, 重量]
          [90, 30],
          [180, 80],
          [270, 20]
        ],
        symbolSize: 10,
        itemStyle: { color: '#c23531' }
      }]
    };
    
    // 应用配置
    chart.setOption(option);
    
    // 响应窗口大小变化
    window.addEventListener('resize', function() {
      chart.resize();
    });
  </script>
</body>
</html>